<template>
    <div>
        <course-desc v-for="item in courseList" :key="item.id" :item="item"></course-desc>
    </div>
</template>

<script>
import { mapActions } from 'vuex';
import courseDesc from '@/components/user/courseDesc';
export default {
    components:{courseDesc},
    data() {
        return {
            courseList:[],
        }
    },
    methods: {
        ...mapActions(['XgetBoughtCourseList'])
    },
    mounted() {
        this.XgetBoughtCourseList().then(res => {
            this.courseList = res.data;
        })
    },
}
</script>

<style lang="scss" scoped>

</style>